<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>详情</title>
    <link href="css/seat.css" type="text/css" rel="stylesheet" />
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="js/layer-v3.0.3/layer/mobile/need/layer.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/common/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/common/phone.js" ></script>
    <script type="text/javascript" src="js/layer-v3.0.3/layer/mobile/layer.js"></script>
    <script type="text/javascript" src="js/common/setCookie.js"></script>
    <script type="text/javascript" src="js/common/jquery.qrcode.min.js"></script>
</head>

<body>
<div class="whole">

	<header class="header">
        <a href="javascript:history.back(-1)" class="fa fa-angle-left"></a>
        <span class="names" id="csName"><img src="image/课室.png">課室</span>
    </header>
    <div id="top_inf">
        <div class="seat_head">
            <h3 id="lct"></h3>
            <h5 id="teacher"></h5>
            <span>
                <a>2018-11</a>
            </span>
        </div>

        <div class="seat_show">
            <ul>
                <li>
                    <i></i>
                    <span id="stuMark1">可选</span>
                    <span id="teaMark1">空位</span>
                </li>
                <li>
                    <i></i>
                    <span id="stuMark2">被占</span>
                    <span id="teaMark2">验证失败</span>
                </li>
                <li class="t3">
                    <i></i>
                    <span id="stuMark3">已选</span>
                    <span id="teaMark3">验证成功</span>
                </li>
                <li id="qrCode">
                    <i class="fa fa-qrcode fa-2x" aria-hidden="true"></i>
                    <span>myCode</span>
                </li>
            </ul>
        </div>
        <div class="qrcode-div">
            <div id="code"></div>
            <div class="tip-lang">我的二维码</div>
        </div>
    </div>
    <div class="seat_choose">
    	<div class="number" id="num"></div>
    	<div class="seats" id="seats"></div>
    </div>
    <!--====================================----------验证二维码---------=========================================-->

    <!--====================================----------验证二维码---------=========================================-->
    <div class="tip-border3">
        <div class="tip-border3-after"></div>
        <div class="h-Number"> <i class="fa fa-github-alt fa-2x"></i><span class="hNumber-Tip"></span></div>
        <div class="maxTotal"><span class="selectNumber">32</span> 个<img src="image/学生.png">正在选座<br/></div>
        <div class="maxTotal">已经有 <span class="maxNumber">40</span> 个<img src="image/学生.png">进入课室</div>
        <div class="tip-Inf"><span class="tip">提示:</span>您要获得 <span class="tip-seat"></span> 同学的二维码<span class="tip-direction"></span></div>
        <div class="btn-qrCode"><img src="image/二维码.png">验证二维码</div>
    </div>
<div id="cancel" class="buttons">取消选择</div>
<div id="end" class="buttons finish-Btn">选座结束</div>
</div>

<script type="text/javascript" src="js/choose_seat.js"></script>



</body>
</html>
